<template>
	<view class="page">
		<!-- 检查人信息 -->
		<view class="patientInfo">
			<view class="title">
				血常规（成人）
			</view>
			<view class="peopleInfo">
				<view class="info">
					王小柯  女  28岁
				</view>
				<view class="info Submission">
					<view class="docname">
						送检医师：王小小
					</view>
					<view class="departname">
						送检科室：门诊化验科
					</view>
				</view>
				<view class="info">
					送检时间：2020-01-01 10:20:36
				</view>
				<view class="info">
					报告时间：2020-01-20 20:20:30
				</view>
				<view class="info">
					报告类别：门诊/住院
				</view>
			</view>
		</view>
		<!-- 检验结果 -->
		<view class="Inspection_results">
			<view class="title">
				检验结果
			</view>
			<view class="index_status">
				<view class="index_type">
					<view class="abnormal">
						
					</view>
					<view class="index_text">
						异常指标
					</view>
				</view>
				<view class="index_type">
					<view class="normal">
						⬆
					</view>
					<view class="index_text">
						指标偏高
					</view>
				</view>
				<view class="index_type">
					<view class="normal">
						⬇
					</view>
					<view class="index_text">
						指标偏低
					</view>
				</view>
			</view>
			<uni-table border stripe emptyText="暂无更多数据"  class="uniTable">
				<!-- 表头行 -->
				<uni-tr>
					<uni-th align="left" class="uni-tr" width="324rpx">项目名称</uni-th>
					<uni-th align="left" class="uni-tr" width="190rpx">结果</uni-th>
					<uni-th align="left"  class="uni-tr" width="156rpx">参考值</uni-th>
				</uni-tr>
				<!-- 表格数据行 -->
				<uni-tr>
					<uni-td class="uni-td">无机磷酸盐</uni-td>
					<uni-td class="uni-td">1.25 (mmol/L)</uni-td>
					<uni-td class="uni-td">0.85 - 1.51</uni-td>
				</uni-tr>
				<uni-tr>
					<uni-td class="uni-td">降钙素原测定</uni-td>
					<uni-td class="uni-td">降钙素原测定</uni-td>
					<uni-td class="uni-td">≤1.0</uni-td>
				</uni-tr>
				<uni-tr>
					<uni-td class="uni-td">高敏C反应蛋白</uni-td>
					<uni-td class="uni-td" style="color: #FF4D4F;">5.48 (mg/L)⬆</uni-td>
					<uni-td class="uni-td">≤5.00</uni-td>
				</uni-tr>
			</uni-table>
			
		</view>
		<!-- 检测人和审核人信息 -->
		<view class="detection">
			<view class="peoples deteInfo">
				<view class="peo">
					检测人：李医生
				</view>
				<view class="peo" style="margin-left: 132rpx;">
					审核人：王医生
				</view>
			</view>
			<view class="deteInfo">
				备注：此结果仅作参考，以医院纸质报告为准
			</view>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	.page{
		background-color: rgba(242, 242, 242, 1);
		min-height: 100vh;
		.patientInfo{
			width: 100%;
			height: 450rpx;
			background-color: #fff;
			padding: 26rpx 38rpx;
			box-sizing: border-box;
			margin-bottom: 30rpx;
			.title{
				font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
				font-size: 32rpx;
				color: #000;
				font-weight: 700;
				margin-bottom: 22rpx;
			}
			.peopleInfo{
				// margin-bottom: 30rpx;
				.info{
					font-family: 'Microsoft YaHei UI', sans-serif;
					color: #7F7F7F;
					font-size: 28rpx;
					margin-bottom: 26rpx;
					height: 40rpx;
					line-height: 40rpx;
				}
				.Submission{
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
			}
		}
		// 检验结果
		.Inspection_results{
			width: 100%;
			height: 478rpx;
			background-color: #fff;
			margin: 30rpx 0;
			padding: 36rpx 38rpx;
			box-sizing: border-box;
			.title{
				font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
				font-size: 28rpx;
				color: #000;
				font-weight: 700;
				margin-bottom: 30rpx;
			}
			.index_status{
				height: 40rpx;
				display: flex;
				align-items: center;
				margin-bottom: 38rpx;
				.index_type{
					height: 40rpx;
					display: flex;
					align-items: center;
					margin-right: 32rpx;
					.abnormal{
						width: 20rpx;
						height: 20rpx;
						background-color: rgba(255, 77, 79, 1);
					}
					.index_text{
						font-family: 'Microsoft YaHei UI', sans-serif;
						font-size: 28rpx;
						color: #333;
						margin-left: 18rpx;
					}
				}
			}
			// 数据表格
			.uniTable{
				width: 670rpx !important;
				height: 252rpx;
				border: 1rpx solid #e6f4ff;
				::v-deep .uni-table {
					min-width: 0 !important;
					.uni-tr{
						background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E6%A3%80%E9%AA%8C%E6%8A%A5%E5%91%8A%E8%AF%A6%E6%83%85/u1605.png');
						background-size: cover;
						font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
						font-size: 28rpx;
						font-weight: 700;
						color: #000;
						box-sizing: border-box;
						padding: 10rpx 20rpx;
					}
					.uni-td{
						box-sizing: border-box;
						padding: 8rpx 5rpx !important;
						height: 60rpx !important;
						background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E6%A3%80%E9%AA%8C%E6%8A%A5%E5%91%8A%E8%AF%A6%E6%83%85/u1608.png');
						background-size: cover;
						font-family: 'ArialMT', 'Arial', sans-serif;
						font-size: 28rpx;
						color: #333;
					}
				}
				
			}
			
		}
		// 检测和审核人信息
		.detection{
			width: 100%;
			height: 170rpx;
			background-color: #fff;
			margin: 30rpx 0;
			padding: 30rpx 38rpx;
			box-sizing: border-box;
			.peoples{
				display: flex;
				margin-bottom: 22rpx;
			}
			.deteInfo{
				font-family: 'Microsoft YaHei UI', sans-serif;
				color: #7F7F7F;
				font-size: 28rpx;
				height: 40rpx;
				line-height: 40rpx;
				
			}
		}
	}       
</style>
